<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hui sheng gongsi login page</title>
    <link rel="stylesheet" href="../css/login.css">
    <script src="../jquery.1.8.js"></script>
    <script src="../vue.js"></script>
    <script src="../js.js"></script> 
</head>
<body>
    <div id ="app">
        <div class="hello_page">
        <div class="hello">  您好：登录
        </div>     
        </div> 

       <div class="title">  
            <div class="infone">
            <div>理财热线  &nbsp;&nbsp;6666666</div>
            <div>理财热线  &nbsp;&nbsp;6666666</div>
            <div>理财热线  &nbsp;&nbsp;6666666</div>
            </div> 

           <div class="connect_way"> </div> 
                 
        </div>

       <div class="sign">
        <div class="page_title">网站首页</div>
        <div class="page_title">关于汇昇</div>
        <div class="page_title">理财产品</div>
        <div class="page_title">理财学院</div>
        <div class="page_title">新闻资讯</div>
        <div class="page_title">政策法规</div>
        <div class="page_title">加入汇昇</div>
        <div class="page_title">联系我们</div>
       </div>
       <div class="banner" id ="banner">
        <div class="screen">
            <ul id="img" style="transform: translate3d(-1498px,0px,0px) ;transition-duration: 0.3s;">
                <li><img src="../images/banner3.jpg" alt=""></li>
                <li><img src="../images/banner1.jpg" alt=""></li>
                <li><img src="../images/banner2.jpg" alt=""></li>
                <li><img src="../images/banner3.jpg" alt=""></li>
                <li><img src="../images/banner1.jpg" alt=""></li>
            </ul>
        </div>
        <div class="dot">
            <ul id="circles">
                <li class="active">1</li>
                <li>2</li>
                <li>3</li>
            </ul>
        </div>
   
    <!-- <div class="out"> </div>   -->
    <div class="mainbody">
        <div class="logo"></div>
        <div class="Num">汇昇投资</div>
        <div class="text">
            <input type="text" v-model="loginName" placeholder="请输入手机号">
        </div>
        <div class="pwd">
            <input type="password" v-model="pwd" placeholder="请输入密码">
        </div>
        <div class="rem">
            <input type="checkbox"> 记住交易账号</div>
        <div class="bottom" @click="login"><div id="text">立即登录</div></div>
        <div class="free"> 免费注册</div>
    </div>
    <div id="fix_banner"></div>
</div>
<div> 软件1802-0214余笑楠</div>
</div>
</body>
<script>
    var vm=new Vue({
        el:'#app',
        data:{
            loginName:'',
            pwd:''
        },
        methods:{
            login(){
                $.ajaxSetup({
                    contentType:"application/json;charset=utf-8"
                });
                var data={"loginName":this.loginName,"pwd":this.pwd};
                $.post("http://api.tutestudio.net/api/login",JSON.stringify(data),function(res){
                    if(res.code==200){
                        alert('登陆成功')
                        // location.href='home.html'
                    }
                    else{
                        alert('登陆失败')
                    }
                })
            }
        }
    })
</script>
</html>